import React, { Component ,Fragment} from 'react';
import Circle from './Circle';

require('./css/frame.css');



export default  class P4  extends Component {
	constructor(...args){
		super(...args);
	};

  componentDidMount() {

  }
  

  render(){

		return (
            <div id="page">
                <div className="content" id="box42">
                   <h4 className="title">手机、车机连接</h4>
                   <div className="bgimg" style={{marginTop:'20px'}}>
                        <img src={require("./img/4.jpg")} />
                    </div>
                  <Circle style={{left: '200px', top: '165px'}}
                    data="设置车机WLAN连接，选取手机热点或手机已连接的网络。"
                  />
                  <Circle style={{left: '620px', top: '165px'}}
                    data="打开手机APP，打开后界面会弹出授权请求，并附有6位验证码。"
                  />
                  <Circle style={{left: '620px', top: '350px'}}
                    data="连接成功后，界面提示“连接成功”，并确认手机界面右上方是否显示连接成功图标，若弹出服务不可用，则需联系经销商解决。"
                  />
                  <Circle style={{left: '140px', top: '350px'}}
                          data="查看车机端验证码是否一致，确保手机、车机正确连接，并点击确认，完成授权。"
                  />

                </div>
            </div>
		);
	}
	
}


